<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <!--移动端的兼容-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>详情页-新闻</title>
    <!--公共的css样式-->
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
    <link rel="stylesheet" type="text/css" href="../common_css/weui.css" />
    <link rel="stylesheet" type="text/css" href="../common_css/common.css" />
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <script src="../common_js/common_font.js"></script>
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />

    <!--<link rel="stylesheet" type="text/css" href="../common_css/compound.css"/>-->
    <!--本页的样式-->
    <style type="text/css">
        /*最外侧的div*/
        
        #detailpages_main {
            width: 100%;
            height: 100%;
            /*border: 10px solid red;*/
            overflow: auto;
            position: relative;
        }
        /*头部*/
        
        #detailpages_header {
            width: 100%;
            height: 50px;
            background-color: #21538D;
            color: white;
            text-align: center;
            line-height: 50px;
            font-size: 18px;
            position: fixed;
            top: 0px;
            z-index: 1000;
        }
        /*头部返回的箭头*/
        
        .icon-myback {
            font-size: 25px;
            float: left;
        }
        /*头部刷新的图表*/
        
        .icon-myrefresh {
            font-size: 17px;
            float: right;
            margin-right: 10px;
        }
        /*头部的名子*/
        
        .detailpages_header_name {
            margin-left: 20px;
        }
        /*身体*/
        
        .detailpages_body {
            width: 100%;
            /*border: 1px solid red;*/
            margin-top: 60px;
            margin-bottom: 50px;
        }
        /*身体的头部*/
        
        .detailpages_body_header {
            width: 100%;
            height: 70px;
            /*border: 1px solid blue;*/
            background-color: white;
        }
        
        .detailpages_body_header_1 {
            width: 33.33%;
            height: 70px;
            /*border: 1px solid blue;*/
            float: left;
            padding: 10px 10px;
            font-family: "PingFangSC-Regular";
            color: #323232;
            letter-spacing: 0.57px;
        }
        
        .body_header_1_content {
            font-family: "PingFangSC-Regular";
            font-size: 12px;
            color: #323232;
            letter-spacing: 0.57px;
        }
        /*身体的脖子*/
        
        .detailpages_body_neck {
            width: 100%;
            height: 40px;
            /*border: 1px solid red;*/
            background-color: white;
        }
        
        .detailpages_body_neck_1 {
            width: 33.33%;
            height: 40px;
            /*border: 1px solid yellow;*/
            line-height: 40px;
            text-align: center;
            float: left;
            font-family: " PingFangSC-Regular";
            font-size: 12px;
        }
        
        .detailpages_body_chart {
            width: 100%;
            height: 40px;
            border-bottom: 2px solid rgba(255, 0, 0, 0.10);
        }
        
        .detailpages_body_chart_1 {
            color: #21538D;
        }
        
        .detailpages_body_chart_1 span {
            border-bottom: 2px solid #21538D;
        }
        
        .detailpages_body_chart_1,
        .detailpages_body_chart_2 {
            width: 50%;
            height: 40px;
            /*border: 1px solid green;*/
            float: left;
            line-height: 40px;
            text-align: center;
        }
        
        .detailpages_body_chart_1 span,
        .detailpages_body_chart_2 span {
            width: 40px;
            height: 40px;
            display: inline-block;
        }
        
        .chart_color {
            color: #21538D;
            border-bottom: 2px solid #21538D;
        }
        
        .detailpages_body_chart_picture {
            width: 100%;
            height: 370px;
            /*border: 1px solid blue;*/
            margin-top: 2px;
        }
        
        .line_chart {
            /*border: 1px solid red;*/
            width: 55%;
            height: 421px !important;
            float: left;
        }
        
        .data_base {
            width: 36%;
            height: 421px;
            /* border: 1px solid blue; */
            float: right;
        }
        
        .data_base_header {
            width: 93%;
            height: 70px;
            /* border: 1px solid yellow; */
        }
        
        .data_base_header_1 {
            height: 100%;
            width: 65%;
            /*border: 1px solid red;*/
            float: left;
            line-height: 70px;
            text-align: right;
            /*padding-right: 10px;*/
        }
        
        .data_base_header_1 span {
            border-bottom: 2px solid #21538D;
            display: inline-block;
            height: 100%;
            width: 25px;
            font-size: 12px;
            color: #21538D;
        }
        
        .data_base_header_2 {
            width: 35%;
            height: 100%;
            /*border: 1px solid blue;*/
            float: left;
            line-height: 70px;
            text-align: center;
        }
        
        .data_base_header_2 span {
            font-size: 12px;
            opacity: 0.67;
        }
        
        .data_base_body {
            width: 96%;
            height: 300px;
            border-top: 2px solid rgba(255, 0, 0, 0.10);
            /* margin-left: 17%; */
            float: right;
            /* border: 2px solid green; */
        }
        
        .data_base_body_header {
            width: 100%;
            height: 150px;
            border-bottom: 2px solid rgba(255, 0, 0, 0.10);
        }
        
        .data_base_body_header_left,
        .data_base_body_body_left {
            height: 100%;
            width: 57%;
            /* border: 1px solid red; */
            float: left;
            text-align: right;
        }
        
        .data_base_body_header_left p,
        .data_base_body_body_left p {
            margin-top: 5px;
            font-size: 11px;
        }
        
        .data_base_body_header_right p,
        .data_base_body_body_right p {
            margin-top: 5px;
            font-size: 11px;
        }
        
        .five_done {
            margin-right: 10px;
            font-size: 11px;
            color: #323232;
            opacity: 0.5;
        }
        
        .ming_xi {
            color: #7ED321;
        }
        
        .data_base_body_header_right,
        .data_base_body_body_right {
            height: 100%;
            width: 35%;
            /*border: 1px solid blue;*/
            float: left;
            text-align: center;
        }
        
        .data_base_body_header_right p,
        .data_base_body_body_right p {
            color: #323232;
            opacity: 0.5;
        }
        
        .data_base_body_body {
            width: 100%;
            height: 150px;
            /*border: 1px solid;*/
        }
        
        .detailpages_body_chart_picture_1 {
            width: 100%;
            height: 400px;
            /*border: 1px solid red;*/
            display: none;
            margin-top: 2px;
            line-height: 400px;
            text-align: center;
        }
        
        #tab .ul-meun {
            list-style-type: none;
            width: 100%;
            height: 45px;
            margin-top: 10px;
            border-bottom: 2px solid rgba(255, 0, 0, 0.10);
            /*background-color: white;*/
        }
        /*点击切换的每一个li*/
        
        #tab .ul-meun li {
            float: left;
            width: 25%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            /*border: 1px solid blue;*/
            color: #CDCDCD;
            font-size: 14px;
        }
        /*//自定义的一个公共样式,方便调用*/
        
        .active {
            display: inline-block;
            height: 45px;
            border-bottom: 2px solid #416B9D;
            color: #416B9D;
            /*font-weight: bold;*/
        }
        /*每一个切换层的div的内容*/
        
        .divitem1 {
            width: 100%;
            display: none;
            clear: both;
        }
        /*以下为预约的内容的样式*/
        
        .my_appointment_content {
            margin-top: 10px;
            -webkit-box-orient: vertical;
            padding: 8px 5px 5px 10px;
            background: #FFFFFF;
            border-radius: 4px;
        }
        
        .my_appointment_content_center {
            width: 93%;
            margin: auto;
        }
        /*单独的内容样式*/
        
        .my_appointment_p {
            line-height: 25px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
            opacity: 0.8;
            font-family: " PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.76px;
        }
        
        .my_appointment_p img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-top: -5px;
        }
        /*底下时间的div*/
        
        .my_appointment_contentbottom {
            margin-top: 10px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
        }
        
        .my_appointment_contentbottom img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-top: -5px;
        }
        /*时间样式*/
        
        .my_appointment_time {
            color: #C6C6C6;
            -webkit-box-flex: 10;
            margin-left: 5px;
        }
        /*时间样式结束*/
        /*三种状态按钮的公共样式*/
        
        .keep_an_appointment,
        .off_the_stocks,
        .to_be_confirmed {
            width: 80px;
            height: 25px;
            margin-right: 10px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
            /*水平居中*/
            -webkit-box-pack: center;
            border-radius: 15px;
        }
        /*三种状态按钮的公共样式结束*/
        /*履约中的样式*/
        
        .keep_an_appointment {
            color: #E2FEC3;
            background: #7ED320;
            font-size: 14px;
        }
        /*履约中的样式结束*/
        /*已完成的样式*/
        
        .off_the_stocks {
            color: #F7F7F7;
            background: #E1E1E1;
            font-size: 14px;
        }
        /*已完成的样式结束*/
        /*待确认的样式*/
        
        .to_be_confirmed {
            color: #FFE9A1;
            background: #F3A624;
        }
        /*简介的内容样式*/
        
        .detailpages_body_brief_introduction {
            width: 100%;
            /*border: 1px solid;*/
            margin-top: 10px;
        }
        /*简介内容的头部*/
        
        .brief_introduction_header {
            width: 100%;
            height: 180px;
            /*border: 1px solid deeppink;*/
        }
        
        .brief_introduction_header img {
            width: 100%;
            height: 100%;
        }
        /*简介内容的身体*/
        
        .brief_introduction_body {
            width: 93%;
            /*border: 1px solid blue;*/
            margin: auto;
        }
        /*<!--每一个身价，简介，主要经历的内容-->*/
        
        .brief_introduction_body_content {
            width: 100%;
            background-color: white;
            /*border: 1px solid green;*/
            border-radius: 10px;
            margin-top: 10px;
        }
        /*头部*/
        
        .brief_introduction_body_content_header {
            width: 100%;
            background-color: white;
            height: 40px;
            /*border: 1px solid blue;*/
            border-bottom: 2px solid #F7F7F7;
            line-height: 40px;
            opacity: 0.8;
            font-family: "PingFangSC-Regular";
            font-size: 16px;
            color: #323232;
            letter-spacing: 0.57px;
        }
        
        .brief_introduction_body_content_header span {
            margin-left: 10px;
            border-left: 2px solid #323232;
            padding-left: 10px;
            font-size: 16px;
        }
        /*身体*/
        
        .brief_introduction_body_content_body {
            width: 100%;
            /*height: 110px;*/
            /*border: 2px dashed blue;*/
            font-family: "PingFangSC-Regular";
        }
        
        .brief_introduction_body_content_body div {
            width: 93%;
            margin: auto;
        }
        
        .content_body_price_first {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }
        
        .content_body_price {
            font-size: 14px;
            color: #1E5390;
            letter-spacing: 0.5px;
        }
        
        .content_price_1 {
            font-size: 14px;
            color: #FF0000;
            letter-spacing: 0.5px;
            margin-left: 5px;
        }
        
        .content_price_1_calculate {
            opacity: 0.8;
            font-size: 11px;
            color: #323232;
            letter-spacing: 0.39px;
        }
        
        .content_neirong {
            opacity: 0.8;
            font-family: " PingFangSC-Regular";
            font-size: 11px;
            color: #323232;
            letter-spacing: 0.39px;
        }
        /*个人简介的样式*/
        
        .personal_content {
            font-family: " PingFangSC-Regular";
            font-size: 14px;
            color: #A3A3A3;
            letter-spacing: 0.5px;
            margin-right: 8px;
        }
        
        .personal_content_1 {
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*主要经历的内容*/
        
        .main_experience_content {
            opacity: 0.8;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*新闻动态的内容*/
        
        .news_information {
            width: 100%;
            height: 250px;
            /*border: 1px solid red;*/
            position: relative;
        }
        
        .news_information_center {
            width: 100px;
            height: 100px;
            /*border: 1px solid blue;*/
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        
        .news_information_center_header {
            width: 70px;
            height: 70px;
            /*border: 1px solid green;*/
            margin: auto;
        }
        
        .news_information_center_header img {
            width: 70px;
            height: 70px;
        }
        
        .news_information_center_body {
            width: 100%;
            height: 20px;
            /*border: 1px solid;*/
            margin-top: 10px;
            line-height: 20px;
            text-align: center;
            opacity: 0.6;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*新闻动态内容结束*/
        /*点击分享星人的弹出框*/
        
        #share_star_content {
            width: 100%;
            height: 100%;
            /*border: 1px solid yellow;*/
            background: rgba(0, 0, 0, 0.2);
            position: absolute;
            top: 0px;
            z-index: 1000;
            display: none;
        }
        
        #share_star_content_bottom {
            width: 100%;
            height: 200px;
            /*border: 1px solid;*/
            position: absolute;
            bottom: 0px;
        }
        
        #star_content_bottom_center {
            width: 93%;
            height: 200px;
            /*border: 1px solid red;*/
            margin: auto;
        }
        
        #share_star_content_bottom_header {
            width: 100%;
            height: 130px;
            /*border: 1px solid blue;*/
            border-radius: 10px;
            background-color: white;
        }
        
        .content_bottom_header_1 {
            width: 33.33%;
            height: 130px;
            /*border: 1px solid red;*/
            float: left;
            position: relative;
        }
        
        .content_bottom_header_1_in {
            width: 56px;
            height: 90px;
            /*border: 1px solid green;*/
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            margin: auto;
        }
        
        .header_1_in_img {
            width: 56px;
            height: 56px;
            /*border: 1px solid red;*/
        }
        
        .header_1_in_img img {
            width: 56px;
            height: 56px;
            border-radius: 56px;
        }
        
        .header_1_in_name {
            width: 56px;
            height: 20px;
            /*border: 1px solid blue;*/
            margin-top: 13px;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: rgba(107, 107, 107, 0.80);
            letter-spacing: 0.34px;
            line-height: 20px;
            text-align: center;
        }
        /*点击弹出框的身体*/
        
        #share_star_content_bottom_body {
            width: 100%;
            height: 50px;
            /*border: 1px solid blue;*/
            background-color: white;
            line-height: 50px;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #212121;
            letter-spacing: 0.19px;
            font-family: "PingFangSC-Regular";
            border-radius: 10px;
        }
        /*方股票图的div*/
        
        #container {
            text-align: center;
            line-height: 300px;
        }
        
        .zhuan_rang_1 p {
            width: 100%;
            height: 150px;
            border-bottom: 2px solid rgba(255, 0, 0, 0.10);
        }
        
        .data_base_body_header_left,
        .data_base_body_body_left {
            height: 100%;
            width: 57%;
            /* border: 1px solid red; */
            float: left;
            text-align: right;
        }
        
        .data_base_body_header_left p,
        .data_base_body_body_left p {
            margin-top: 5px;
            font-size: 11px;
        }
        
        .data_base_body_header_right p,
        .data_base_body_body_right p {
            margin-top: 5px;
            font-size: 11px;
        }
        
        .five_done {
            margin-right: 10px;
            font-size: 11px;
            color: #323232;
            opacity: 0.5;
        }
        
        .ming_xi {
            color: #7ED321;
        }
        
        .data_base_body_header_right,
        .data_base_body_body_right {
            height: 100%;
            width: 35%;
            /*border: 1px solid blue;*/
            float: left;
            text-align: center;
        }
        
        .data_base_body_header_right p,
        .data_base_body_body_right p {
            color: #323232;
            opacity: 0.5;
        }
        
        .zhuan_rang_5_price {
            color: #FF0000;
            margin-left: 0.15rem;
        }
        
        .zhuan_rang_5_ming {
            color: #323232;
            opacity: 0.5;
            float: right;
            margin-right: 0.1rem;
        }
        
        .detailpages_body_chart_picture_1 {
            width: 100%;
            height: 400px;
            /*border: 1px solid red;*/
            display: none;
            margin-top: 2px;
            line-height: 400px;
            text-align: center;
        }
        
        #tab .ul-meun {
            list-style-type: none;
            width: 100%;
            height: 45px;
            margin-top: 10px;
            border-bottom: 2px solid rgba(255, 0, 0, 0.10);
            /*background-color: white;*/
        }
        /*点击切换的每一个li*/
        
        #tab .ul-meun li {
            float: left;
            width: 25%;
            height: 45px;
            text-align: center;
            line-height: 45px;
            /*border: 1px solid blue;*/
            color: #CDCDCD;
            font-size: 14px;
        }
        /*//自定义的一个公共样式,方便调用*/
        
        .active {
            display: inline-block;
            height: 45px;
            border-bottom: 2px solid #416B9D;
            color: #416B9D;
            /*font-weight: bold;*/
        }
        /*每一个切换层的div的内容*/
        
        .divitem1 {
            width: 100%;
            display: none;
        }
        /*以下为预约的内容的样式*/
        
        .my_appointment_content {
            margin-top: 10px;
            -webkit-box-orient: vertical;
            padding: 8px 5px 5px 10px;
            background: #FFFFFF;
            border-radius: 4px;
        }
        
        .my_appointment_content_center {
            width: 93%;
            margin: auto;
        }
        /*单独的内容样式*/
        
        .my_appointment_p {
            line-height: 25px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
            opacity: 0.8;
            font-family: " PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.76px;
        }
        
        .my_appointment_p img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-top: -5px;
        }
        /*底下时间的div*/
        
        .my_appointment_contentbottom {
            margin-top: 10px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
        }
        
        .my_appointment_contentbottom img {
            width: 16px;
            height: 16px;
            vertical-align: middle;
            margin-top: -5px;
        }
        /*时间样式*/
        
        .my_appointment_time {
            color: #C6C6C6;
            -webkit-box-flex: 10;
            margin-left: 5px;
        }
        /*时间样式结束*/
        /*三种状态按钮的公共样式*/
        
        .keep_an_appointment,
        .off_the_stocks,
        .to_be_confirmed {
            width: 80px;
            height: 25px;
            margin-right: 10px;
            display: -webkit-box;
            /*垂直居中*/
            -webkit-box-align: center;
            /*水平居中*/
            -webkit-box-pack: center;
            border-radius: 15px;
        }
        /*三种状态按钮的公共样式结束*/
        /*履约中的样式*/
        
        .keep_an_appointment {
            color: #E2FEC3;
            background: #7ED320;
            font-size: 14px;
        }
        /*履约中的样式结束*/
        /*已完成的样式*/
        
        .off_the_stocks {
            color: #F7F7F7;
            background: #E1E1E1;
            font-size: 14px;
        }
        /*已完成的样式结束*/
        /*待确认的样式*/
        
        .to_be_confirmed {
            color: #FFE9A1;
            background: #F3A624;
        }
        /*简介的内容样式*/
        
        .detailpages_body_brief_introduction {
            width: 100%;
            /*border: 1px solid;*/
            margin-top: 10px;
        }
        /*简介内容的头部*/
        
        .brief_introduction_header {
            width: 100%;
            height: 180px;
            /*border: 1px solid deeppink;*/
        }
        
        .brief_introduction_header img {
            width: 100%;
            height: 100%;
        }
        /*简介内容的身体*/
        
        .brief_introduction_body {
            width: 93%;
            /*border: 1px solid blue;*/
            margin: auto;
        }
        /*每一个身价，简介，主要经历的内容*/
        
        .brief_introduction_body_content {
            width: 100%;
            background-color: white;
            /*border: 1px solid green;*/
            border-radius: 10px;
            margin-top: 10px;
        }
        /*头部*/
        
        .brief_introduction_body_content_header {
            width: 100%;
            background-color: white;
            height: 40px;
            /*border: 1px solid blue;*/
            border-bottom: 2px solid #F7F7F7;
            line-height: 40px;
            opacity: 0.8;
            font-family: "PingFangSC-Regular";
            font-size: 16px;
            color: #323232;
            letter-spacing: 0.57px;
        }
        
        .brief_introduction_body_content_header span {
            margin-left: 10px;
            border-left: 2px solid #323232;
            padding-left: 10px;
            font-size: 16px;
        }
        /*身体*/
        
        .brief_introduction_body_content_body {
            width: 100%;
            /*height: 110px;*/
            /*border: 2px dashed blue;*/
            font-family: "PingFangSC-Regular";
        }
        
        .brief_introduction_body_content_body div {
            width: 93%;
            margin: auto;
        }
        
        .content_body_price_first {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }
        
        .content_body_price {
            font-size: 14px;
            color: #1E5390;
            letter-spacing: 0.5px;
        }
        
        .content_price_1 {
            font-size: 14px;
            color: #FF0000;
            letter-spacing: 0.5px;
            margin-left: 5px;
        }
        
        .content_price_1_calculate {
            opacity: 0.8;
            font-size: 11px;
            color: #323232;
            letter-spacing: 0.39px;
        }
        
        .content_neirong {
            opacity: 0.8;
            font-family: " PingFangSC-Regular";
            font-size: 11px;
            color: #323232;
            letter-spacing: 0.39px;
        }
        /*个人简介的样式*/
        
        .personal_content {
            font-family: " PingFangSC-Regular";
            font-size: 14px;
            color: #A3A3A3;
            letter-spacing: 0.5px;
            margin-right: 8px;
        }
        
        .personal_content_1 {
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*主要经历的内容*/
        
        .main_experience_content {
            opacity: 0.8;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*新闻动态的内容*/
        
        .news_information {
            width: 100%;
            height: 250px;
            /*border: 1px solid red;*/
            position: relative;
        }
        
        .news_information_center {
            width: 100px;
            height: 100px;
            /*border: 1px solid blue;*/
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            margin: auto;
        }
        
        .news_information_center_header {
            width: 70px;
            height: 70px;
            /*border: 1px solid green;*/
            margin: auto;
        }
        
        .news_information_center_header img {
            width: 70px;
            height: 70px;
        }
        
        .news_information_center_body {
            width: 100%;
            height: 20px;
            /*border: 1px solid;*/
            margin-top: 10px;
            line-height: 20px;
            text-align: center;
            opacity: 0.6;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: #323232;
            letter-spacing: 0.5px;
        }
        /*新闻动态内容结束*/
        /*点击分享星人的弹出框*/
        
        #share_star_content {
            width: 100%;
            height: 100%;
            /*border: 1px solid yellow;*/
            background: rgba(0, 0, 0, 0.2);
            position: absolute;
            top: 0px;
            z-index: 1000;
            display: none;
        }
        
        #share_star_content_bottom {
            width: 100%;
            height: 200px;
            /*border: 1px solid;*/
            position: absolute;
            bottom: 0px;
        }
        
        #star_content_bottom_center {
            width: 93%;
            height: 200px;
            /*border: 1px solid red;*/
            margin: auto;
        }
        
        #share_star_content_bottom_header {
            width: 100%;
            height: 130px;
            /*border: 1px solid blue;*/
            border-radius: 10px;
            background-color: white;
        }
        
        .content_bottom_header_1 {
            width: 33.33%;
            height: 130px;
            /*border: 1px solid red;*/
            float: left;
            position: relative;
        }
        
        .content_bottom_header_1_in {
            width: 56px;
            height: 90px;
            /*border: 1px solid green;*/
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            margin: auto;
        }
        
        .header_1_in_img {
            width: 56px;
            height: 56px;
            /*border: 1px solid red;*/
        }
        
        .header_1_in_img img {
            width: 56px;
            height: 56px;
            border-radius: 56px;
        }
        
        .header_1_in_name {
            width: 56px;
            height: 20px;
            /*border: 1px solid blue;*/
            margin-top: 13px;
            font-family: "PingFangSC-Regular";
            font-size: 14px;
            color: rgba(107, 107, 107, 0.80);
            letter-spacing: 0.34px;
            line-height: 20px;
            text-align: center;
        }
        /*点击弹出框的身体*/
        
        #share_star_content_bottom_body {
            width: 100%;
            height: 50px;
            /*border: 1px solid blue;*/
            background-color: white;
            line-height: 50px;
            text-align: center;
            margin-top: 10px;
            font-size: 20px;
            color: #212121;
            letter-spacing: 0.19px;
            font-family: "PingFangSC-Regular";
            border-radius: 10px;
        }
        /*方股票图的div*/
        
        #container {
            text-align: center;
            line-height: 300px;
        }
    </style>



</head>

<body>
    <!--总部div-->
    <div id="detailpages_main">
        <!--头部-->
        <div id="detailpages_header">
            <span class="iconfont icon-back icon-myback"></span> <span class="detailpages_header_name"><font id="star_name">李文文</font>(<font id="star_code">5000007</font>)</span> <span class="iconfont icon-refresh icon-myrefresh"></span>
        </div>
        <!--身体的内容-->
        <div class="detailpages_body">
            <div class="weui-pull-to-refresh__layer">
                <div class='weui-pull-to-refresh__arrow'></div>
                <div class='weui-pull-to-refresh__preloader'></div>
                <div class="down">下拉刷新</div>
                <div class="up">释放刷新</div>
                <div class="refresh">正在刷新</div>
            </div>
            <!--身体的头部内容-->
            <div class="detailpages_body_header">
                <div class="detailpages_body_header_1">
                    <p><span>7.07</span><span style="margin-left: 5px;"><img style="vertical-align: middle;" src="../commonimg/onjian.png"/></span></p>
                    <p style="font-size: 12px;">0.04-0.35%</p>
                </div>
                <div class="detailpages_body_header_1">
                    <p class="body_header_1_content" style="margin-top: 3px;"><span>最高：</span><span style="color: #F6383A;" id="high_price">7.22</span></p>
                    <p class="body_header_1_content" style="margin-top: 3px;"><span>最低：</span><span id="low_price">7.10</span></p>
                </div>
                <div class="detailpages_body_header_1">
                    <p class="body_header_1_content" style="margin-top: 3px;"><span>今 开:</span><span id="today_open">7.10</span></p>
                    <p class="body_header_1_content" style="margin-top: 3px;"><span>换 手:</span><span id="change_hand">7.10%</span></p>
                </div>
            </div>
            <!--身体的脖子-->
            <div class="detailpages_body_neck">
                <div class="detailpages_body_neck_1" style="color: #FF0000;">均价<span id="avg_price">6.673</span>元/秒</div>
                <div class="detailpages_body_neck_1">最新<span id="new_price">23452.00</span>元/时</div>
                <div class="detailpages_body_neck_1">额<span id="e_wan">21.5</span>万元</div>
            </div>
            <!--走势图的切换层-->
            <div class="detailpages_body_chart">
                <div class="detailpages_body_chart_1"><span>分时</span></div>
                <div class="detailpages_body_chart_2"><span>日K</span></div>
            </div>
            <!--走势图-->
            <!--分时的内容-->
            <div class="detailpages_body_chart_picture">


                <div class="line_chart" id="container" style="width:64%;">
                    <img src="img/loding.jpg">


                </div>
                <div class="data_base">
                    <div class="data_base_header">
                        <div class="data_base_header_1"><span>五档</span></div>
                        <div class="data_base_header_2"><span>明细</span></div>
                    </div>
                    <div class="data_base_body">
                        <div class="data_base_body_header">
                            <div class="data_base_body_header_left">
                                <p style="margin-top: 10px;"><span class="five_done">转让5</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让4</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让3</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让2</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让1</span><span class="ming_xi">7.12</span></p>
                            </div>
                            <div class="data_base_body_header_right">
                                <p style="margin-top: 10px;">340</p>
                                <p>340</p>
                                <p>340</p>
                                <p>340</p>
                                <p>340</p>
                            </div>
                        </div>
                        <div class="data_base_body_body">
                            <div class="data_base_body_body_left">
                                <p style="margin-top: 10px;"><span class="five_done">转让5</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让4</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让3</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让2</span><span class="ming_xi">7.12</span></p>
                                <p><span class="five_done">转让1</span><span class="ming_xi">7.12</span></p>
                            </div>
                            <div class="data_base_body_body_right">
                                <p style="margin-top: 10px;">340</p>
                                <p>340</p>
                                <p>340</p>
                                <p>340</p>
                                <p>340</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--日K的内容-->
            <div class="detailpages_body_chart_picture_1" id="container1" style='width:100%'>
                图表加载中...
            </div>
            <!--预约，简介，新闻，公告的切换-->
            <div id="tab" class="j-tab">
                <ul class="ul-meun">
                    <li><span class="active">预约</span></li>
                    <li><span>简介</span></li>
                    <li><span>新闻</span></li>
                    <li><span>公告</span></li>
                </ul>
                <!--预约的内容-->
                <div class="divitem1" style="display: block;">
                    <div class="my_appointment_content_center">
                        <div class="my_appointment_content">
                            <!--详细信息显示排列-->
                            <p class="my_appointment_p">
                                <img src="../commonimg/预约@2x.png" /> 李宇星用户预约了创业星人鲍虎
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/服务@2x.png" /> 视频拍摄服务
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/我的 2@2x.png" />
                                <span>鲍虎</span>代码:<span>800001</span>身价:<span>1324</span>万
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/成交@2x.png" /> 成交价格:
                                <span>3333</span>秒当前行价:<span>3666</span>秒
                            </p>
                            <!--详细信息显示排列结束-->
                            <!--最底下的时间和状态的div-->
                            <div class="my_appointment_contentbottom">
                                <img src="../commonimg/时间@2x.png" />
                                <!--时间的div-->
                                <div class="my_appointment_time">2017-4-10</div>
                                <!--时间的div结束-->
                                <!--状态div-->
                                <div class="keep_an_appointment">履约中</div>
                                <!--状态div结束-->
                            </div>
                            <!--最底下的时间和状态的div结束-->
                        </div>
                        <div class="my_appointment_content">
                            <!--详细信息显示排列-->
                            <p class="my_appointment_p">
                                <img src="../commonimg/预约@2x.png" /> 李宇星用户预约了创业星人鲍虎
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/服务@2x.png" /> 视频拍摄服务
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/我的 2@2x.png" />
                                <span>鲍虎</span>代码:<span>800001</span>身价:<span>1324</span>万
                            </p>
                            <p class="my_appointment_p">
                                <img src="../commonimg/成交@2x.png" /> 成交价格:
                                <span>3333</span>秒当前行价:<span>3666</span>秒
                            </p>
                            <!--详细信息显示排列结束-->
                            <!--最底下的时间和状态的div-->
                            <div class="my_appointment_contentbottom">
                                <img src="../commonimg/时间@2x.png" />
                                <!--时间的div-->
                                <div class="my_appointment_time">2017-4-10</div>
                                <!--时间的div结束-->
                                <!--状态div-->
                                <div class="off_the_stocks">已完成</div>
                                <!--状态div结束-->
                            </div>
                            <!--最底下的时间和状态的div结束-->
                        </div>
                        <!--预约的内容的结束div-->
                    </div>
                </div>
                <!--简介的内容-->
                <div class="divitem1">
                    <div class="detailpages_body_brief_introduction">
                        <!--简介内容的头部-->
                        <div class="brief_introduction_header">
                            <img src="../commonimg/图片@2x.png" />
                        </div>
                        <!--简介内容的身体-->
                        <div class="brief_introduction_body">
                            <!--每一个身价，简介，主要经历的内容-->
                            <div class="brief_introduction_body_content">
                                <div class="brief_introduction_body_content_header">
                                    <span>见到身价</span>
                                </div>
                                <div class="brief_introduction_body_content_body">
                                    <div>
                                        <p class="content_body_price_first"><span class="content_body_price">身价</span><span class="content_price_1">80026.96</span><span class="content_price_1">万元</span></p>
                                        <p class="content_price_1_calculate">身价计算方式:</p>
                                        <p class="content_neirong">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内</p>
                                    </div>
                                </div>
                            </div>
                            <!--个人简介的内容-->
                            <div class="brief_introduction_body_content">
                                <div class="brief_introduction_body_content_header">
                                    <span>个人简介</span>
                                </div>
                                <div class="brief_introduction_body_content_body">
                                    <div>
                                        <p><span class="personal_content">姓名</span><span class="personal_content_1">李雯雯</span></p>
                                        <p><span class="personal_content">国籍</span><span class="personal_content_1">中国天津</span></p>
                                        <p><span class="personal_content">民族</span><span class="personal_content_1">汉</span></p>
                                        <p><span class="personal_content">出生年月</span><span class="personal_content_1">1996-01-28</span></p>
                                        <p><span class="personal_content">职业</span><span class="personal_content_1">艺人</span></p>
                                        <p><span class="personal_content">毕业院校</span><span class="personal_content_1">北京电影学院</span></p>
                                    </div>
                                </div>
                            </div>
                            <!--主要经历的内容-->
                            <div class="brief_introduction_body_content">
                                <div class="brief_introduction_body_content_header">
                                    <span>主要经历</span>
                                </div>
                                <div class="brief_introduction_body_content_body">
                                    <div>
                                        <p class="main_experience_content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内</p>
                                    </div>
                                </div>
                            </div>
                            <!--主要成就的内容-->
                            <div class="brief_introduction_body_content">
                                <div class="brief_introduction_body_content_header">
                                    <span>主要成就</span>
                                </div>
                                <div class="brief_introduction_body_content_body">
                                    <div>
                                        <p class="main_experience_content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内</p>
                                    </div>
                                </div>
                            </div>
                            <!--时间使用范围的内容-->
                            <div class="brief_introduction_body_content">
                                <div class="brief_introduction_body_content_header">
                                    <span>时间使用范围</span>
                                </div>
                                <div class="brief_introduction_body_content_body">
                                    <div>
                                        <p class="main_experience_content">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--//新闻动态的内容-->
                <div class="divitem1">
                    <div class="news_information">
                        <div class="news_information_center">
                            <div class="news_information_center_header"><img src="../commonimg/动态@2x.png" /></div>
                            <div class="news_information_center_body">暂无新闻动态</div>
                        </div>
                    </div>
                </div>
                <!--暂无公告动态的内容-->
                <div class="divitem1">
                    <div class="news_information">
                        <div class="news_information_center">
                            <div class="news_information_center_header"><img src="../commonimg/动态@2x.png" /></div>
                            <div class="news_information_center_body">暂无公告动态</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/*固定在底部的菜单栏*/-->
        <div class="weui-tabbar exchangeprice_footer" style="box-sizing: border-box;">
            <a href="../new_information/new_information.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img src="../commonimg/预约 @2x.png" alt="">
                </div>
                <p class="weui-tabbar__label">预约</p>
            </a>
            <a href="../buyandsell-buy/buyandsell-buy.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img src="../commonimg/购买@2x.png" alt="">
                </div>
                <p class="weui-tabbar__label">购买</p>
            </a>
            <a href="../buyandsell-transfer/buyandsell-transfer.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img src="../commonimg/转让@2x.png" alt="">
                </div>
                <p class="weui-tabbar__label">转让</p>
            </a>
            <a href="../exchange_price_selfchoose/exchangeprice_self_choose.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon">
                    <img src="../commonimg/自选@2x.png" alt="">
                </div>
                <p class="weui-tabbar__label">添加自选</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item" id="share_star">
                <div class="weui-tabbar__icon">
                    <img src="../commonimg/分享@2x.png" alt="">
                </div>
                <p class="weui-tabbar__label">分享星人</p>
            </a>
        </div>
        <!-----最外测div结束-------->
    </div>
    <!--点击分享星人的弹出框-->
    <div id="share_star_content">
        <!--点击分享星人的底部内容-->
        <div id="share_star_content_bottom">
            <div id="star_content_bottom_center">
                <!--点击分享星人的底部内容的头部-->
                <div id="share_star_content_bottom_header">
                    <div class="content_bottom_header_1">
                        <div class="content_bottom_header_1_in" id="qq">
                            <div class="header_1_in_img"><img src="../commonimg/qq@2x.png" /> </div>
                            <div class="header_1_in_name">QQ </div>
                        </div>
                    </div>
                    <div class="content_bottom_header_1" id="wechat">
                        <div class="content_bottom_header_1_in">
                            <div class="header_1_in_img"> <img src="../commonimg/微信@2x.png" /></div>
                            <div class="header_1_in_name">微信 </div>
                        </div>
                    </div>
                    <div class="content_bottom_header_1" id="wei_bo">
                        <div class="content_bottom_header_1_in">
                            <div class="header_1_in_img"><img src="../commonimg/微博@2x.png" /> </div>
                            <div class="header_1_in_name"> 微博</div>
                        </div>
                    </div>
                </div>
                <!--点击分享星人的底部内容的身体-->
                <div id="share_star_content_bottom_body">取消</div>
            </div>
        </div>
    </div>
    <!-- <script src="../common_js/jquery-1.11.0.min.js"></script> -->
    <script src="../common_js/jquery-3.2.1.min.js"></script>
    <script src="../common_js/jquery-weui.js"></script>
    <script src="../common_js/refresh.js"></script>
    <script src="../common_js/mycomponents.js"></script>
    <script src="../common_js/onclick_pop_view.js"></script>
    <script src="js/jqurey_chart.js"></script>
    <script src="https://img.hcharts.cn/highstock/highstock.js"></script>
    <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="https://img.hcharts.cn/highcharts/themes/grid-light.js"></script>
    <script type="text/javascript">
        //          分时和日K的切换层
        $(".detailpages_body_chart_1").click(function() {
            $(this).css("color", "#21538D");
            $(this).children().css("border-bottom", "2px solid #21538D");
            $(".detailpages_body_chart_2").css("color", "#323232");
            $(".detailpages_body_chart_2").children().css("border-bottom", "none");
            $(".detailpages_body_chart_picture").show();
            $(".detailpages_body_chart_picture_1").hide();
        });
        $(".detailpages_body_chart_2").click(function() {
            $(this).css("color", "#21538D");
            $(this).children().css("border-bottom", "2px solid #21538D");
            $(".detailpages_body_chart_1").css("color", "#323232");
            $(".detailpages_body_chart_1").children().css("border-bottom", "none");
            $(".detailpages_body_chart_picture").hide();
            $(".detailpages_body_chart_picture_1").show();
        });
        //          点击刷新页面
        $(".icon-myrefresh").on("click", function() {
            window.location.reload();
        });
        //点击分享星人的弹出框
        $("#share_star").on("click", function() {
            $("#share_star_content").show();
        });
        //点击取消的弹出框的隐藏
        $("#share_star_content_bottom_body").on("click", function() {
            $("#share_star_content").hide();
        });
        //          点击qq的跳转
        $("#qq").on("click", function() {
            location.href = "../Invitation/invitation.html";
        }); //          点击微信的跳转
        $("#wechat").on("click", function() {
            location.href = "../Invitation/invitation.html";
        });
        //          点击微博的跳转
        $("#wei_bo").on("click", function() {
            location.href = "../Invitation/invitation.html";
        });
    </script>
    <script type="text/javascript">
        $(function() {
            var superid = window.localStorage.getItem("super_id");
            // console.log(superid);
            $.ajax({
                type: "GET",
                url: "http://119.23.224.92/jiandao/startTransaction/page",
                async: true,
                data: {
                    "starId": superid
                },
                success: function(e) {
                    // console.log(e);
                    // console.log(JSON.parse(e));
                    var first_floor = JSON.parse(e);
                    // console.log(first_floor.data.starInfo);
                    // console.log(first_floor.data.starInfo.id);
                    var star__Id = first_floor.data.starInfo.id;
                    // 明星名字
                    var star_name = first_floor.data.starInfo.name;
                    $("#star_name").html(star_name);
                    // 明星代码
                    var star_code = first_floor.data.starInfo.sn;
                    $("#star_code").html(star_code);
                    // 头部的最高价格
                    var high_price = first_floor.data.starToday.maxPrice;
                    $("#high_price").html(high_price);
                    // 头部的最低价格
                    var low_price = first_floor.data.starToday.minPrice;
                    $("#low_price").html(low_price);
                    // 今日开盘价
                    var taday_price = first_floor.data.starToday.yesterdayPrice;
                    $("#today_open").html(taday_price);
                    // 换手率
                    var turn_over = first_floor.data.starToday.turnover;
                    $("#change_hand").html(turn_over);
                    // 均价
                    var avg = first_floor.data.starToday.avg;
                    $("#avg_price").html(avg);
                    // 最新价    是要换算的乘以3600
                    var new_worth = first_floor.data.starToday.worth;
                    var new_worth_1 = new_worth * 3600;
                    $("#new_price").html(new_worth_1);

                    // 额万元      今日成交金额
                    var deal_money = first_floor.data.starToday.todayPrice;
                    $("#e_wan").html(deal_money);



                }
            })
        });
    </script>
</body>

</html>